<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>思途旅游</title>
		<link rel="stylesheet" href="style.css">
	</head>
	<body>
		<!-- 顶部 begin -->
		<div id="top_bg">
			<div class="top">
				<ul class="top-left">
					<li><a href="#">登录</a></li>
					<li><a href="#">免费注册</a></li>
				</ul>
				<ul class="top-right">
					<li><a href="#" class="top-right-title">收藏本站</a></li>
					<li class="top-right-line">|</li>
					<li><a href="#" class="top-right-title">联系我们</a></li>
					<li class="top-right-line">|</li>
					<li><a href="#" class="top-right-title">官方微博</a></li>
					<li class="top-right-line">|</li>
					<li><a href="#" class="top-right-title">微信我们</a></li>
					<li class="top-right-line">|</li>
					<li><a href="#" class="top-right-title">网站导航</a></li>
				</ul>
			</div>
		</div>
		<!-- 顶部 end -->

		<!-- 导航栏 begin -->
		<div id="nav_bg">
			<div class="nav1">
				<h2><img src="img/logo.png" /></h2>
				<p>
				<p class="ps"><input type="text" id="keyword-input" value="请输入关键词"
						style="color: rgb(153, 153, 153);" /><span>搜&nbsp;索</span></p>
				<p class="rs">热门搜索: 雪乡 呼伦贝尔 漠河 北极村 哈尔滨 长白山</p>
				</p>
			</div>
			<div class="nav2">
				<div class="nav2-title">
					<span>全球搜索</span>
					<div class="nav2-title-list">
						<div class="nav2-title-list-body">
							<div class="nav-f">
								西安周边
							</div>
							<div class="nav-f">
								哈尔滨 雪乡 长白山
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								主题活动
							</div>
							<div class="nav-f">
								喀纳斯 那拉提 吐番
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								国内游
							</div>
							<div class="nav-f">
								呼伦贝尔 额济纳
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								出境游
							</div>
							<div class="nav-f">
								线路 个性定制
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								自驾自助
							</div>
							<div class="nav-f">
								赏雪 骑马 摄影 徒步
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								综合服务
							</div>
							<div class="nav-f">
								赏雪 骑马 摄影 徒步
							</div>
						</div>
						<div class="nav2-title-list-body">
							<div class="nav-f">
								团购
							</div>
							<div class="nav-f">
								赏雪 骑马 摄影 徒步
							</div>
						</div>
					</div>
				</div>
				<div class="nav2-body">
					<div class="nav2-body-item">首页</div>
					<div class="nav2-body-item">去哪</div>
					<div class="nav2-body-item">综合服务</div>
					<div class="nav2-body-item">团购</div>
					<div class="nav2-body-item">问答</div>
					<div class="nav2-body-item">旅行故事</div>
					<div class="nav2-body-item">裁缝铺子</div>
				</div>
			</div>
		</div>
		<!-- 导航栏 end -->

		<!-- 滚动图 begin -->
		<div id="banner">
			<img src="img/banner01.jpg" />
		</div>
		<!-- 滚动图 end -->

		<!-- 内容 begin -->
		<div id="content">
			<div class="content-left">
				<div class="content-left-top">
					
					<div class="clt-top">
						<div class="clt-top-title">出境旅游</div>
						<div class="clt-top-body">
							<div class="clt-top-body-item1">欧洲</div>
							<div class="clt-top-body-item">美洲</div>
							<div class="clt-top-body-item">澳洲</div>
							<div class="clt-top-body-item2">更多>></div>
						</div>
					</div>
					<div class="clt-bottom">
						<div class="clt-bottom-title">
							<img src="img/img01.jpg" >
						</div>
						<div class="clt-bottom-content">
							<div class="cltbc-top">
								<div class="cltbc-top-item">
									<img src="img/29_06.jpg" >
									<div class="cltbc-top-item-text">
										[国庆]<法德瑞意11日或13日游>成<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>
									</div>
								</div>
								<div class="cltbc-top-item"  style="margin: 0px 10px;">
									<img src="img/29_08.jpg" >
									<div class="cltbc-top-item-text">
										<巴厘岛机票+当地7日游>独栋别...<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>
									</div>
								</div>
								<div class="cltbc-top-item">
									<img src="img/29_10.jpg" >
									<div class="cltbc-top-item-text">
										<法瑞意3国11-12日游>成都出发...<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>			
									</div>
								</div>
							</div>
							<div class="cltbc-bottom">
								<div class="cltbc-bottom-text">									
									<div class="profile">
										<div class="">
											[一价全含]马尔代夫莉莉岛Lily Beach5晚7...
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>	
									<div class="profile">
										<div class="">
											巴厘岛5晚7日游狂欢暑期，4晚国际五星海边
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>									
								</div>
								<div class="cltbc-bottom-text">
									<div class="profile">
										<div class="separate1">
											欧洲主推产品法瑞意德12-13日游成都国航直
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>	
									<div class="profile">
										<div class="separate1">
											马尔代夫圣塔拉富士Centara Ras Fushi 5...
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>
								</div>
							</div>						
						</div>
					</div>					
				</div>
				<div class="content-left-top">					
					<div class="clt-top">
						<div class="clt-top-title">出境旅游</div>
						<div class="clt-top-body">
							<div class="clt-top-body-item1">欧洲</div>
							<div class="clt-top-body-item">美洲</div>
							<div class="clt-top-body-item">澳洲</div>
							<div class="clt-top-body-item2">更多>></div>
						</div>
					</div>
					<div class="clt-bottom">
						<div class="clt-bottom-title">
							<img src="img/img01.jpg" >
						</div>
						<div class="clt-bottom-content">
							<div class="cltbc-top">
								<div class="cltbc-top-item">
									<img src="img/29_06.jpg" >
									<div class="cltbc-top-item-text">
										[国庆]<法德瑞意11日或13日游>成<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>
													
									</div>
								</div>
								<div class="cltbc-top-item" style="margin: 0px 10px;">
									<img src="img/29_08.jpg" >
									<div class="cltbc-top-item-text">
										<巴厘岛机票+当地7日游>独栋别...<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>			
									</div>
								</div>
								<div class="cltbc-top-item">
									<img src="img/29_10.jpg" >
									<div class="cltbc-top-item-text">
										<法瑞意3国11-12日游>成都出发...<br />
										<div class="price">
											<div class="">
												￥1249<span class="price-f">起</span>
											</div>
											<div class="sold">
												已售65
											</div>
										</div>			
									</div>
								</div>
							</div>
							<div class="cltbc-bottom">
								<div class="cltbc-bottom-text">
									
									<div class="profile">
										<div class="">
											[一价全含]马尔代夫莉莉岛Lily Beach5晚7...
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>	
									<div class="profile">
										<div class="">
											巴厘岛5晚7日游狂欢暑期，4晚国际五星海边
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>
									
								</div>
								<div class="cltbc-bottom-text">
									<div class="profile">
										<div class="separate1">
											欧洲主推产品法瑞意德12-13日游成都国航直
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>	
									<div class="profile">
										<div class="separate1">
											马尔代夫圣塔拉富士Centara Ras Fushi 5...
										</div>
										<div class="separate2">
											￥999起
										</div>
									</div>
								</div>
							</div>
						
						
						</div>
					</div>
				</div>
			</div>
			<div class="content-right">
				<!-- 网站公告 -->
				<div class="content-right-body1">
					<div class="crb1-top">
						网站公告
					</div>
					<div class="crb1-center">
						四川门户电子商务网站系统，用于快速建谈旅游网站 : 订购网站wwwstourweb.com电话:4006-0999-27
					</div>
					<div class="crb1-bottom">
						尼泊尔机票+当地8晚9日游 国航全国联运雪山圣景吉普车丛林探险
					</div>	
				</div>
				<!-- 热门路线 -->
				<div class="content-right-body2">
					<div class="crb2">
						<div class="crb2-title">
							热门线路排行
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s1">1</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s1">2</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s1">3</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s2">4</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s2">5</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>
						<div class="crb2-body">
							<div class="crb2-body-top">
								<p>
									<span class="crb2bt-s2">6</span>
									马尔代夫伊露岛2沙2地接
									导游服务不好早餐
								</p>
							</div>
							<div class="crb2-body-bottom">
								<div class="crb2bb-d">
									￥999起
								</div>
								39人预定
							</div>				
						</div>	
					</div>
				</div>
			</div>
		</div>
		<!-- 内容 end -->

		<!-- 底部 begin -->
		<div id="bottom">
			<div class="bottom-box">
				<div class="bottom-profile">
					<div class="bp-p">
						学校:&nbsp;广州理工学院
					</div>
					<div class="bp-p">
						班级:&nbsp;20软件*班
					</div>
				</div>
				<div class="bottom-profile">
					<div class="bp-p">
						姓名:&nbsp;列树人
					</div>
					<div class="bp-p">
						学号:&nbsp;2020********9
					</div>
				</div>
				<div class="bottom-profile">
					<div class="bp-p">
						电话:&nbsp;180****0378
					</div>
					<div class="bp-p">
						邮箱:&nbsp;guangyunl@qq.com
					</div>
				</div>
			</div>
		</div>
		<!-- 底部 end -->



	</body>
</html>
